<template>
  <div style="display: inline-block;">
    <label class="radio-label" style="padding-left:0;">Filename:</label>
    <el-input
      v-model="filename"
      placeholder="Please enter the file name (default excel-list)"
      style="width:345px;"
      :prefix-icon="Document"
    />
  </div>
</template>

<script setup>
import { defineProps, defineEmits, computed } from 'vue'
import { Document } from '@element-plus/icons-vue'

const props = defineProps({
  modelValue: {
    type: String,
    default: ''
  }
});

const emits = defineEmits(['update:modelValue']);

const filename = computed({
  get: () => props.modelValue,
  set: val => {
    emits('update:modelValue', val)
  }
});
</script>

<script>
export default {
  name: 'FilenameOption'
}
</script>
